<template>
    <div>
 <div class="box">
    
    <p><img src="/bb/b3.png" alt=""></p>
 </div>
  <div class="smile"  v-for="(v,i) in imgurl " :key="i"> 
      <img :src="v.img1" alt>
      <img :src="v.img2" alt>
    </div>
 <Ls/>
    </div>
</template>

<script>
import Ls from "./listenone.1.vue";
export default {
    data(){
    return {
        imgurl:[
            {img1:"/bb/b4.png",img2:"/bb/b2.png" },
            {img1:"/bb/b5.png",img2:"/bb/b2.png" },
            {img1:"/bb/b5.png",img2:"/bb/b2.png" },
            {img1:"/bb/b4.png",img2:"/bb/b2.png" },
            {img1:"/bb/b1.png",img2:"/bb/b2.png" },
        ]
    }
},
components:{
    Ls
}
}
</script>

<style scoped>

img{
    width:3.30rem;
    height:3.24rem;
    border-radius: 0.2rem;
}
.smile{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 0.38rem;
}
p img{
    margin: auto;
    width: 6.82rem;
    height: 1.64rem;
}
.box{
    margin-bottom:0.6rem;
}
</style>
